<template>
    <div class="Courses" @click="clickHandle">
        <p>1879人正在学习</p>
        <div>
            <span class="span1">HATA瑜伽基础教程</span>
            <span class="span2">FREE·12分钟·FT2</span>
        </div>
    </div>
</template>

<script>

    export default({
        props:["item"],
        methods:{
            clickHandle(){
                this.$router.push("/index/my/myCourse")
            }
        }
    })
</script>

<style lang="stylus" scoped>
    .Courses
        width 100%
        background-color #666
        height 1.3rem
        border-radius .1rem
        margin-bottom .1rem
        display flex
        flex-direction column
        justify-content space-between
        font-size .12rem
        color #fff
        background-size cover
        background url("../../assets/img/Search/bg5.jpeg") no-repeat

        p
            margin-top .1rem
        div
            display flex
            flex-direction column
            justify-content space-between
            margin-bottom .1rem
            .span1
                font-size .16rem
                font-weight 900
            .span2
                margin-top  .1rem
</style>